<template>
     <div v-if="item.role === 'tip'" class="message_tip">
            <h3></h3>
            <div class="tip_title">
              <span>{{ item.title }}</span
              ><a><span>换一换</span><a-icon type="swap" /></a>
            </div>
            <div style="text-align: left"><a>猜你想问</a></div>
            <div class="tip_cont">
              <a-space style="display: flex; flex-wrap: wrap">
                <div
                  v-for="text in item.texts"
                  class="tip_tag"
                  :key="text"
                  @click="ChildSubmit('tip', text)"
                >
                  {{ text }}
                </div>
              </a-space>
            </div>
          </div>
 </template>
 
 <script>
 export default {
   props: {
    Submit:{},
    item:{}
   },
   methods:{
    ChildSubmit(type,text) {  
        this.Submit(type,text);  
    }  
   }
 };
 </script>
 
 <style lang="less" scoped>
    .message_tip {
  padding: 14px;
  border-radius: 4px;
  box-shadow: 0px 0px 6px rgba(15, 15, 52, 0.17);
  background-color: white;
}

.tip_title {
  display: flex;
  justify-content: space-between;

  span {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 0px;
  }

  a {
    margin-left: 40px;

    span {
      padding-right: 8px;
      font-size: 16px;
      font-weight: 500;
    }
  }
}

.tip_cont {
  display: flex;
}

.tip_tag {
  background: #f5f8ff;
  border-radius: 4px;
  white-space: nowrap;
  padding: 16px 22px;
  margin-bottom: 14px;
}

 </style>
 